@charset "UTF-8";

#industryPage{
  padding-bottom: 20px;
  & .market-data{
    padding: 15px;
    & .content{
      width: 140px;
      box-sizing: border-box;
      border:1px solid $clf;
      padding: 20px;
      cursor: pointer;
      text-align: center;
      margin-right: 10px;
      &:hover{
        border-color: #C4E1FF;
      }
      & .num{
        font-size: $fontSize - 2;
        margin-top: 10px;
      }
      & .title{
        color: $fontColor1;
        height: 42px;
        @include twoColtextOverflow;
        margin-top: 10px;
      }
    }
    & .avide-line{
      background-color: $themeColor5;
      height: 1px;
      margin:10px 0;
    }
  }
  & .rank-data{
    width: 535px;
  }
  & .data-block{
    min-width: 260px;
    box-sizing: border-box;
    padding: 10px 20px;
    border: 1px solid $themeColor5;
    display: inline-block;
    & .compete{
      font-size: $fontSize - 2;
      & .green{
        color: $green;
      }
      & .red{
        color: $red;
      }
    }
  }
  & .region-desc{
    font-size: $fontSize - 2;
    color: $fontColor1;
  }
  & .no-data{
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -65px;
  }
  & .no-give{
    font-size: $fontSize - 2;
    text-align: center;
  }
}
